<template>
	<!--<div class="letter">
	    <h2>字母排序</h2>
	    <ul>
	    	<li v-for="(item,key) in cities" :key="key">{{key}}</li>	
	    </ul>
	</div>-->
</template>

<script>
	
//	export default{
//	   props:["cities"]	
//	 }
//	 
	
</script>

<style scoped>
	.letter{
		clear: both;
	}
	.letter h2{
		background-color: #EEEEEE;
		font-size: .12rem;
		height: .4rem;
		line-height: .4rem;
		padding-left: .15rem;
	}
	.letter ul{
		width: 100%; 
		margin-left: .1rem;
		margin-top: .1rem;
		margin-bottom: .1rem;
	}
	.letter ul li{
		width: 16%;
		height: .4rem;
		line-height: .4rem;
		float: left;
		text-align: center;
		font-size: .14rem;
	}
</style>